<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />		
		<title>Cierre de Caja</title>
		<style type="text/css" title="currentStyle">
			@import "/css/demo_page.css";
			@import "/css/demo_table.css";
		</style>
		<script type="text/javascript" language="javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" language="javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js"></script>
		<script type="text/javascript" language="javascript" src="		http://www.appelsiini.net/download/jquery.jeditable.js"></script>
		<script type="text/javascript" charset="utf-8">
			
			$(document).ready(function() {
				var oTable = $('#example').dataTable();

				/* Apply the jEditable handlers to the table */
				oTable.$('td').editable( '../examples_support/editable_ajax.php', {
					"callback": function( sValue, y ) {
						var aPos = oTable.fnGetPosition( this );
						oTable.fnUpdate( sValue, aPos[0], aPos[1] );
					},
					"submitdata": function ( value, settings ) {
						return {
							"row_id": this.parentNode.getAttribute('id'),
							"column": oTable.fnGetPosition( this )[2]
						};
					},
					"height": "14px",
					"width": "100%"
				} );
			} );
			
			function fnClickAddRow() {
				$('#example').dataTable().fnAddData( [
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					""] );
			}
		</script>
	</head>
	<body id="dt_example">
		<div id="container">
			<div class="full_width big">
				Cierre de Caja
			</div>
		
			<h1>Report</h1>

			
			<div id="demo">
				<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
					<thead>
						<tr>
							<th>&nbsp;</th>
							<th>&nbsp;</th>
							<th>&nbsp;</th>
							<th colspan="6">Forma de Pago</th>
							<th>&nbsp;</th>
							<th colspan="6">Forma de Pago</th>
						</tr>
						<tr>
							<th>Boleta</th>
							<th>Total</th>
							<th>Pers</th>
							<th>E</th>
							<th>TC</th>
							<th>TD</th>
							<th>CH</th>
							<th>CR</th>
							<th>D</th>
							<th>Propina</th>
							<th>E</th>
							<th>TC</th>
							<th>TD</th>
							<th>CH</th>
							<th>CR</th>
							<th>D</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>13,280</td>
							<td>$3,200</td>
							<td>2</td>
							<td>e</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>$800</td>
							<td>e</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="spacer"></div>
			<div id="footer" class="clear" style="text-align:center;">
				<p><a href="javascript:void(0);" onclick="fnClickAddRow();">Click to add a new row</a></p>
			</div>
		</div>
	</body>
</html>